<%--
User: 86159 Date: 2020/12/22   Time: 8:57    Author: 宸宸
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path;
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>上传作品 - TianYun</title>
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="target-type" content="pc">
    <meta name="baidu-site-verification" content="TijIGcPKJc">
    <meta name="360-site-verification" content="7b73bb5cf8cece72cfe4215479973571">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="sogou_site_verification" content="3CFFiSMz1P">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="mobile-agent" content="format=html5;url=https://m.huashi6.com/works/create">
    <meta name="applicable-device" content="pc">
    <meta http-equiv="Cache-Control" content="no-transform ">
    <link href="${pageContext.request.contextPath}/css/index.css?v=<%= System.currentTimeMillis()%>" rel="stylesheet">

    <link rel="preload" href="${pageContext.request.contextPath}min.js" as="script">
    <link href=".${pageContext.request.contextPath}/css/animate.min.css?v=<%= System.currentTimeMillis()%>"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/viewer.min.css?v=<%= System.currentTimeMillis()%>"
          rel="stylesheet">

    <!--iconfont-->
    <link href="${pageContext.request.contextPath}/css/font_1742355_le2grqfm0ln.css?v=<%= System.currentTimeMillis()%>"
          rel="stylesheet">

    <link rel="preload" href="${pageContext.request.contextPath}/js/manifest.0aae16e46d08df0be7c2.js" as="script">
    <link rel="preload" href="https://res2.huashi6.com/static/hst/pc/vendor.eaf43a3843452c728e2d.js" as="script">
    <link rel="preload" href="https://res2.huashi6.com/static/hst/pc/main.d34b25e69baaf269e4c6.js" as="script">
    <link rel="preload"
          href="${pageContext.request.contextPath}/css/common.7e72af0e73847f158aeb8f2c8.css?v=<%= System.currentTimeMillis()%>"
          as="style">
    <link rel="preload" href="https://res2.huashi6.com/static/hst/pc/3.2a785e56c79bf86b0fa5.js" as="script">
    <link rel="preload" href="https://res2.huashi6.com/static/hst/pc/22.27894f845ae8a4e62e69.js" as="script">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/css/common.7e72af0e73847f158aeb8f2c8.css?v=<%= System.currentTimeMillis()%>">
</head>
<body>

<article id="app" data-server-rendered="true" class="pt-0">
    <%--引入公共头部--%>
    <%@include file="header.jsp" %>

    <div class="p-works-create" style="min-height:100%;">
        <div class="head"><span class="tabs-item tabs-item-active">个人作品投稿</span> <span class="tabs-item">作品分享</span>
        </div> <!---->
        <div class="form-item"><label>作品标题</label>
            <div class="form-control">
                <div class="el-input"><!----><input type="text" autocomplete="off" maxlength="50"
                                                    class="el-input__inner"><!----><!----><!----><!----></div>
            </div>
        </div>
        <div class="form-item"><label>作品介绍</label>
            <div class="form-control">
                <div class="el-input"><!----><input type="text" autocomplete="off" maxlength="200"
                                                    class="el-input__inner"><!----><!----><!----><!----></div>
            </div>
        </div>
        <div class="form-item"><label class="top">作品图片</label>
            <div class="form-control">
                <div class="image-list">
                    <div class="image-upload"><i class="iconfont iconPC_add upload-icon"></i> <span class="desc">请上传尺寸大于（1200x720）的图片</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-item form-select" style="display:none;"><label>来源画师</label>
            <div class="form-control">
                <div class="el-select"><!---->
                    <div class="el-input el-input--suffix"><!----><input type="text" readonly="readonly"
                                                                         autocomplete="off" placeholder="按画师名字查找"
                                                                         class="el-input__inner"><!----><span
                            class="el-input__suffix"><span class="el-input__suffix-inner"><i
                            class="el-select__caret el-input__icon el-icon-"></i><!----><!----><!----><!---->
                        <!----></span><!----></span><!----><!----></div>
                    <div class="el-select-dropdown el-popper" style="min-width:;display:none;">
                        <div class="el-scrollbar" style="display:none;">
                            <div class="el-select-dropdown__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                                <ul class="el-scrollbar__view el-select-dropdown__list"></ul>
                            </div>
                            <div class="el-scrollbar__bar is-horizontal">
                                <div class="el-scrollbar__thumb"
                                     style="width:0;transform:translateX(0%);ms-transform:translateX(0%);webkit-transform:translateX(0%);"></div>
                            </div>
                            <div class="el-scrollbar__bar is-vertical">
                                <div class="el-scrollbar__thumb"
                                     style="height:0;transform:translateY(0%);ms-transform:translateY(0%);webkit-transform:translateY(0%);"></div>
                            </div>
                        </div><!----></div>
                </div>
            </div>
        </div>
        <div class="form-item"><label>作品标签</label>
            <div class="form-control">
                <div class="tags-input el-input is-disabled el-input--prefix"><!----><input type="text"
                                                                                            disabled="disabled"
                                                                                            autocomplete="off"
                                                                                            placeholder="您还未选择任何标签，合适的标签可以让作品获得更多的曝光"
                                                                                            class="el-input__inner"><span
                        class="el-input__prefix"><i class="iconfont iconlabel"></i><!----></span><!----><!----><!---->
                </div>
                <div class="input-tags" style="display:none;"></div>
            </div>
        </div>
        <div class="form-item form-item-tip" style="margin-bottom: 24px"><label></label> <span>还可以添加“5”个标签</span></div>
        <div class="form-item form-item-tip search-tag"><label></label>
            <div class="el-input"><!----><input type="text" autocomplete="off" maxlength="50" placeholder="输入标签名搜索添加"
                                                class="el-input__inner"><!----><!----><!----><!----></div>
        </div>
        <div class="tag-list"></div>
        <div class="create-desc" style="display:;">
            <div class="desc-title">作品发布须知</div>
            <div class="desc-line">1、请上传个人原创作品，一旦发现上传非原创作品，画师认证将被取消</div>
            <div class="desc-line">2、请上传完整度与质量相对较高的作品，低质量的作品将被拒绝发布</div>
            <div class="desc-line">3、请勿上传包含反动、涉恐、涉政、涉黄作品，上传不合宜的作品您的画师页面和账号将会被封禁</div>
        </div>
        <div class="create-desc" style="display:none;">
            <div class="desc-title">作品分享须知</div>
            <div class="desc-line">1、请勿分享色情、涉政、涉恐作品图，违规者将被封禁账号</div>
            <div class="desc-line">2、请勿分享未经原作者转载授权的作品图，您将承担一切作品侵权相关法律后果</div>
            <div class="desc-line">3、我们可能随时应原作者要求删除您分享的图作品图片而不通知您</div>
        </div>
        <button type="button" class="el-button upload-btn el-button--primary"><!----><!----><span>立即发布</span></button>
        <input type="file" accept="image/jpeg,image/png,image/gif" style="display: none"></div>

    <%--引入公共尾部--%>
    <%@include file="footer.jsp" %>


</article>
<script>window.__INITIAL_STATE__ = {
    "swiper": {"FRIENDLY_LINK": []},
    "notFound": false,
    "isMobile": false,
    "useLinkLogin": false,
    "currentUser": null,
    "currentUserFetched": false,
    "doPageProgress": false,
    "errorPage": false,
    "indexData": null,
    "searchData": null,
    "hotSearchs": null,
    "pcNav": "",
    "pcShowLogin": false,
    "unread": false,
    "showAppDownLoad": true,
    "showWapFooter": true,
    "loginMsg": "",
    "showPcFooter": false,
    "wapNav": "",
    "showWapNav": true,
    "showAppMoreMenu": false,
    "showSearch": false,
    "showWapHeader": true,
    "showLogo": true,
    "showBackBtn": false,
    "isApp": false,
    "painter": {
        "workPainterList": null,
        "painterDetail": null,
        "painterWorks": null,
        "painterHotWorks": null,
        "painterSearchList": null,
        "painterRecomList": null,
        "relPainters": null,
        "painterOthers": null,
        "recommendHotPainters": null
    },
    "user": {"detail": null},
    "works": {
        "worksDetailData": null,
        "worksLikeListData": null,
        "sharePage": null,
        "worksHotListData": null,
        "worksSearchList": null,
        "worksRecomList": null,
        "suggestWordList": null
    },
    "tag": {"detail": null, "workPage": null, "relTags": null},
    "article": {"hotArticles": null, "articleList": null, "articleCategory": null, "detail": null},
    "route": {
        "path": "\u002Fworks\u002Fcreate",
        "hash": "",
        "query": {},
        "params": {},
        "fullPath": "\u002Fworks\u002Fcreate",
        "meta": {},
        "from": {
            "name": null,
            "path": "\u002F",
            "hash": "",
            "query": {},
            "params": {},
            "fullPath": "\u002F",
            "meta": {}
        }
    }
};
(function () {
    var s;
    (s = document.currentScript || document.scripts[document.scripts.length - 1]).parentNode.removeChild(s);
}());</script>
<script src="${pageContext.request.contextPath}js/manifest.0aae16e46d08df0be7c2.js" defer=""></script>
<script src="${pageContext.request.contextPath}js/3.2a785e56c79bf86b0fa5.js" defer=""></script>
<script src="${pageContext.request.contextPath}js/22.27894f845ae8a4e62e69.js" defer=""></script>
<script src="${pageContext.request.contextPath}js/vendor.eaf43a3843452c728e2d.js" defer=""></script>
<script src="${pageContext.request.contextPath}js/main.d34b25e69baaf269e4c6.js" defer=""></script>
<script src="${pageContext.request.contextPath}/js/vue.runtime.min.js"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js"></script>
<script src="${pageContext.request.contextPath}/js/vuex.min.js"></script>
<script src="${pageContext.request.contextPath}/js/vue-router.min.js"></script>
<script src="${pageContext.request.contextPath}/js/element-ui.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/js/viewer.min.js"></script>


<div style="display: none">
    <script>
        (function () {
            var bp = document.createElement('script')
            var curProtocol = window.location.protocol.split(':')[0]
            if (curProtocol === 'https') {
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'
            } else {
                bp.src = 'http://push.zhanzhang.baidu.com/push.js'
            }
            var s = document.getElementsByTagName('script')[0]
            s.parentNode.insertBefore(bp, s)
        })()
    </script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/z_stat-1278548316_1278548316.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement('script')
            hm.src = 'https://hm.baidu.com/hm.js?a3e2ff554f3229fd90bcfe77f75b9806'
            var s = document.getElementsByTagName('script')[0]
            s.parentNode.insertBefore(hm, s)
        })()
    </script>
</div>
</body>
</html>
